﻿@{
    ViewBag.Title = "Trang chủ";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section Slide {
    <!-- slide show-->
    <div class="row hidden-xs myslide">
        <div class="col-md-12">
            <div id="carousel-example-captions" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example-captions" data-slide-to="0" class=""></li>
                    <li data-target="#carousel-example-captions" data-slide-to="1" class=""></li>
                    <li data-target="#carousel-example-captions" data-slide-to="2" class=""></li>
                </ol>
                <div class="carousel-inner">
                    <div class="item">
                        <img src="../../Contents/Image/slide-1.jpg" alt="" />
                        <div class="carousel-caption">
                            <h3></h3>
                            <p></p>
                        </div>
                    </div>
                    <div class="item">
                        <img src="../../Contents/Image/slide-2.jpg" alt="" />
                        <div class="carousel-caption">
                            <h3></h3>
                            <p></p>
                        </div>
                    </div>
                    <div class="item active">
                        <img src="../../Contents/Image/slide-3.jpg" alt="" />
                        <div class="carousel-caption">
                            <h3></h3>
                            <p></p>
                        </div>
                    </div>
                </div>
                <a class="left carousel-control" href="#carousel-example-captions" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left"></span>
                </a>
                <a class="right carousel-control" href="#carousel-example-captions" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right"></span>
                </a>
            </div>
        </div>
    </div>
    <!-- /.slide show-->
}

<div class="row">
    <div class="col-md-4">
        <div class="service">
            <i class="fa fa-file-text service-icon"></i>
            <div class="desc">
                <h4>Tài liệu mới</h4>
                <p>Danh sách tài liệu mới nhất</p>
                <a class="btn btn-success" href="/documents/new">Chi tiết...</a>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="service">
            <i class="fa fa-align-left service-icon"></i>
            <div class="desc">
                <h4>Danh mục tài liệu</h4>
                <p>Danh sách các danh mục tài liệu</p>
                <a class="btn btn-success" href="/categories">Chi tiết...</a>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="service">
            <i class="fa fa-star service-icon"></i>
            <div class="desc">
                <h4>Tài liệu đọc nhiều</h4>
                <p>Danh sách 10 tài liệu đọc nhiều nhất</p>
                <a class="btn btn-success" href="/documents-viewcount">Chi tiết...</a>
            </div>
        </div>
    </div>
</div>
